/**
 * @license
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.location {
  display: flex;
  flex-direction: row;
  align-items: center;

  @include shadow-4dp();
  @include typo-title();
  position: fixed;
  height: 56px;
  background: #FFF;
  width: 100%;
  padding-left: 8px;
  color: #757575;
  left: 0;
}

.location__list {
  width: 82%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.location__section {
  display: inline;
}

.location__section::after {
  content: '>';
  padding: 2px 0;
  margin: 0 8px;
}

.location__section:last-of-type::after {
  display: none;
}

.location__section-link {
  color: #575757;
  text-decoration: none;
  border-bottom: 1px solid #575757;
  padding: 2px 0;
}

.location .mdl-button {
  margin: 0 30px 0 8px;
}

.location ul {
  padding-left: 0;
}

@media (min-width: 850px) {
  .location {
    position: fixed;
    padding-left: 272px;
    height: 64px;
  }

  .location__list {
    width: 90%;
  }

  .location .mdl-button {
    display: none;
  }
}
